<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>
<script>
export default {
  name: "app",
  provide() {
    return {
      reload: this.reload,
    };
  },
  data() {
    return {
      isRouterAlive: true,
    };
  },
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(function () {
        this.isRouterAlive = true;
      });
    },
  },
};
</script>
<style>
html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* 变量声明 主要是色号 */
:root {
  --left: #536b97;
  --table-head: #697fa4;
  --bottom-left: #78a3f3;
  --upper-right: #a2d3c7;
  --choice-active: #536b97;
  --button: #7283a7;
}

/* .el-popper:not(.el-dropdown__popper) {
  padding-left: 0 !important;
  left: 64px !important;
} */

.header-choice .el-tabs__item {
  height: 27px !important;
  text-align: center !important;
  align-items: center !important;
  border: 0 !important;
  padding: 0 8px !important;
  line-height: 26px !important;
  font-size: 12px !important;
  border-style: solid !important;
  border-color: #97a8c5 !important;
  border-width: 1px !important;
  margin-left: 5px !important;
  border-radius: 5px !important;
}

.header-choice .el-tabs__item.is-active {
  color: white !important;
  background-color: var(--choice-active) !important;
}

.header-choice .el-tabs__item:hover:not(.is-active) {
  color: var(--choice-active) !important;
}

.header-choice .el-tabs__nav,
.header-choice .el-tabs__header {
  border-style: none !important;
}

.header-choice .el-tabs__header {
  margin: 0 !important;
}

.header-choice .el-tabs {
  margin-left: 5px !important;
  align-items: center;
}

/* .el-dropdown-menu {
  margin-right: 120px;
} */
/* 请加上自己的类名，会冲突 */

.user-profile-choice .el-tabs__item:hover,
.user-profile-choice .el-tabs__item.is-active {
  color: #3bc024 !important;
}

.user-profile-choice .el-tabs__active-bar {
  background-color: #3bc024;
}

.user-changeform .el-form-item {
  display: block !important;
  margin-bottom: 10px !important;
}
.user-changeform .el-form-item .el-form-item__label {
  font-weight: bold;
}

.unique-part .el-menu-item.is-active {
  color: white !important;
}

.unique-part .el-switch.is-checked .el-switch__core {
  background-color: rgb(121, 201, 174) !important;
  border-color: rgb(121, 201, 174) !important;
}

.unique-part .el-input-group__append {
  background-color: var(--button);
  border: none;
  color: white;
}

.unique-part {
  height: 100%;
}

.unique-part .el-card {
  height: 95%;
}

.unique-part .el-card__body {
  height: 100%;
}

.unique-part .el-pagination {
  margin-top: 0 !important;
  margin-left: 0 !important;
}

/* 下面都在加圆角 */
.unique-part .el-card {
  border-radius: 20px !important;
  background: linear-gradient(
    to right bottom,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.3)
  ) !important;
  border-style: none !important;
}
.unique-part .el-button {
  border-radius: 11px !important;
  background-color: var(--button);
  border: none;
}
.unique-part .el-dialog {
  border-radius: 20px !important;
}
.unique-part .el-table--fit {
  border-radius: 10px !important;
  /* background: linear-gradient(
    to right bottom,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.3)
  ) !important; */
  border-style: none !important;
}
/* .unique-part .has-gutter tr {
  background-color: var(--table-head) !important;
  color: white !important;
} */
.unique-part .el-input-group--append .el-input__inner {
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: rgba(255, 255, 255, 0.8);
}
.unique-part .el-input-group__append {
  border-top-right-radius: 11px !important;
  border-bottom-right-radius: 11px !important;
}
.unique-part .el-sub-menu__title,
.unique-part .el-menu {
  background-color: transparent !important;
}

/* 字体大小设置 */
.unique-part .el-breadcrumb__inner {
  font-weight: 800 !important;
  font-size: 16px !important;
}
.unique-part .table,
.unique-part .el-table--fit {
  width: 99% !important;
}
.unique-part .el-table__header {
  width: 100% !important;
}

/* cyr-style */
.base1 .el-select .el-input__inner {
  -webkit-appearance: none;
  background-color: var(--el-input-background-color, var(--el-color-white));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  border: var(--el-input-border, var(--el-border-base));
  box-sizing: border-box;
  color: var(--el-input-font-color, var(--el-text-color-regular));
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: var(--el-transition-border);
  width: 250px;
}

.base .el-select .el-input__inner {
  -webkit-appearance: none;
  background-color: var(--el-input-background-color, var(--el-color-white));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  border: var(--el-input-border, var(--el-border-base));
  box-sizing: border-box;
  color: var(--el-input-font-color, var(--el-text-color-regular));
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: var(--el-transition-border);
  width: 250px;
}
.base2 .el-form-item {
  /* display: block !important; */
  margin-bottom: 20px !important;
  margin-left: 30px;
}
.base2 .el-form-item .el-form-item__label {
  font-weight: bold;
}

.base1 .el-select__tags-text {
  max-width: 100px !important;
}

.base1 .el-select__tags {
  width: 180px !important;
  max-width: 180px !important;
}

.base1 .el-input__suffix {
  left: 180px !important;
}
.base1 .el-dialog {
  border-radius: 20px !important;
}
.base .el-dialog {
  border-radius: 20px !important;
}
.base1 .el-input {
  width: 80% !important;
}

.base1 .el-card {
  margin-bottom: 15px !important;
}
.base .el-select__tags-text {
  max-width: 100px !important;
}
.base .el-textarea {
  width: 80% !important;
}
.base .el-select__tags {
  width: 180px !important;
  max-width: 180px !important;
}

.base .el-input__suffix {
  left: 180px !important;
}

.base .el-input {
  width: 80% !important;
}
body{
  background: url("./assets/bk3.jpg") repeat-y center;
  background-size: 100% 100%;
  background-attachment: fixed;
  height: 100vh;
  overflow: auto;
  width: 100vw;
} 

.base .el-card {
  margin-bottom: 15px !important;
}

.base1 .el-card__header {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-bottom: 0;
  background-color: white;
  box-sizing: border-box;
}

.base .el-card__header {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-bottom: 0;
  background-color: white;
  box-sizing: border-box;
}
.unique-part .el-dialog {
  border-radius: 20px !important;
}
.unique-part .el-table--fit {
  border-radius: 10px !important;
  background: linear-gradient(
    to right bottom,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.3)
  ) !important;
  border-style: none !important;
}
/* .unique-part .has-gutter tr {
  background-color: var(--table-head) !important;
  color: white !important;
} */
.unique-part .el-input-group--append .el-input__inner {
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: rgba(255, 255, 255, 0.8);
}
.unique-part .el-input-group__append {
  border-top-right-radius: 11px !important;
  border-bottom-right-radius: 11px !important;
}
.unique-part .el-sub-menu__title,
.unique-part .el-menu {
  background-color: transparent !important;
}

/* 字体大小设置 */
.unique-part .el-breadcrumb__inner {
  font-weight: 800 !important;
  font-size: 16px !important;
}
.unique-part .table,
.unique-part .el-table--fit {
  width: 99% !important;
}
.unique-part .el-table__header {
  width: 100% !important;
}

.wellA .el-button {
  width: 100%;
  padding: 5px 0;
  background: #1047b4;
  border-color: #1047b4;
  color: #fff;
}
/*well视为空 */
.wellB .el-link {
  position: absolute;
  right: 20px;
  color: #e9eef3;
  font-size: 22px;
  font-weight: 400;
  line-height: 60px;
}
</style>
